.z-breadcrumb {
    padding: 12px 0;
}

.poptitle {
    width: 8px;
    margin-right: 8px;
}

.about_contact .about_contact_item.about_contact_item_right a,
.z-contact-main .any_uestions_last a {
    color: #fff !important;
}

.z-breadcrumb .z-page-container {
    align-items: flex-start;
}


.z-breadcrumb .z-page-container .z-breadcrumb_home a,
.z-breadcrumb .z-page-container .z-breadcrumb_home span.z-arrow {
    font-weight: 500;
    font-size: 12px;
    color: var(--ws-color-c);
    line-height: 14px;

}

.z-breadcrumb .z-page-container .z-breadcrumb_home span.z-arrow {
    margin: 0 5px;
}

.html_title {
    padding-top: 60px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgb(108 104 104 / 50%);
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 30px;
}

.z-html_container>div {
    margin-bottom: 24px;
  font-weight: 400;
    font-size: 14px;
    color: var(--ws-color-c);
    line-height: 21px;
}

.z-html_container h2 {
    font-weight: 700;
    font-size: 18px;
    color: var(--zg-color-d);
    line-height: 20px;
    margin-bottom: 8px;
    margin-top: 8px;
    color: var(--ws-color-c)
}

.z-html_container h4 {
    font-weight: 700;
    color: var(--ws-color-c)
}

.z-html_container ul li {
    list-style: disc;
    margin-left: 20px;
    /* margin-bottom: 8px; */
}

.z-html_container ol,
.z-html_container ul {
    margin-top: 5px;
}

.z-html_container ol li,
.z-html_container ul li,
.z-html_container p {
    /* margin-bottom: 8px; */
     font-weight: 400;
    font-size: 14px;
    color: var(--ws-color-c);
    line-height: 21px;
}

/* about */
.z-game_breadcrumb {
    color: var(--ws-color-c);
    padding: 12px 0 0;
    position: relative;
    z-index: 1;
}

.z-game_breadcrumb i {
    margin: 0 4px;
}

.z-game_breadcrumb a {
    color: var(--ws-color-c);
}

.z-game_breadcrumb a img {
    width: 7px;
    margin-right: 8px;
}

.z-game_breadcrumb a:hover {
    color: var(--wts-default-color);
}

.z-game_navigation {
    background: var(--zg-shipping-k);
}

.z-game_navigation .z-page-container {
    height: 100%;
}

.game_about-info {
    color: rgba(255, 255, 255, .7);
    text-align: center;
    position: absolute;

    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    justify-content: center;
}


.game_about-info h2 {
    color: var(--wts-default-color);
    font-size: 24px;
    margin-bottom: 26px;
}

.game_about-info h2 {
    font-size: 36px;
    color: #2C5DEB;
    margin-bottom: 10px;
}

.game_about-info p {
    line-height: 24px;
    text-align: center;
}

.game_about-info p {
    font-size: 24px;
    color: var(--wts-default-color)FFF;
}

.game_about-info img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
}

.z-about_wrap .z-commonbackground_right::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 100%;
    height: 141px;

}

.z-about_wrap .z-about {
    background: url(/images/static/about_mmowts.png) no-repeat;
    background-size: 100%;
}

.dark .z-about_wrap .z-about {
    background: url(/images/static/about_mmowts_dark.png) no-repeat;
    background-size: 100%;
}

.z-about_wrap .z-about {
    overflow: hidden;
}

.z-about_wrap .z-about h2 {
    font-weight: 700;
    font-size: 32px;
    color: var(--zg-color-i);
    line-height: 36px;
    text-align: center;
    padding: 60px 0 20px;
}

.z-about_wrap .z-about .z-about_logo {
    display: block;
    width: 804px;
    height: 200px;
    background: url(../images/static/about_logo.webp) no-repeat;
    background-size: 100%;
    margin: 27px auto 18px;

}

.light .z-about_wrap .z-about .z-about_logo {
    background: url(../images/static/about_logo_dark.png) no-repeat;
    background-size: 100%;
}

.z-about_wrap .z-about p {
    font-weight: 400;
    font-size: 14px;
    color: var(--ws-color-c);
    line-height: 21px;
    text-align: center;
}

.z-about_pay {
    gap: 32px;
}

.z-about_wrap .about_pay_item {
    background: var(--ws-default-bj);
    border-radius: 10px 10px 10px 10px;
    padding: 24px;
}

.z-about_wrap .about_pay_item .about_pay_item_title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 16px;
}

.z-about_wrap .about_pay_item i {
    font-size: 36px;
    margin-bottom: 16px;
}

.z-about_wrap .about_pay_item .about_pay_item_content {
    font-weight: 400;
    font-size: 14px;
    color: var(--ws-color-c);
    line-height: 21px;
}

.z-about_wrap .about_pay_item:hover {
    background: linear-gradient(180deg, rgba(44, 93, 235, 0) 0%, #2C5DEB 100%);
    border-radius: 10px 10px 10px 10px;

}

.light .z-about_wrap .about_pay_item:hover {
    background: #2C5DEB;
    color: #fff;
}

.light .z-about_wrap .about_pay_item:hover .about_pay_item_content {
    color: #fff;
}

.about_why h2 {
    font-weight: 700;
    font-size: 24px;
    color: var(--wts-default-color)FFF;
    line-height: 36px;
    margin-bottom: 32px;
}

.about_why_tag {
    padding: 2px 8px;
    background: #2C5DEB;
    border-radius: 10px 10px 10px 10px;
    margin: 0 auto;
    color: #fff;
}

.about_contact {
    background: var(--ws-default-bj);
    border-radius: 0px 0px 0px 0px;
    margin: 80px auto 100px;
    padding: 24px 32px;

}

.about_contact .about_contact_item.about_contact_item_left {
    flex: 1;
}

.about_contact .about_contact_item.about_contact_item_right {
    width: 280px;
    margin-left: 52px;
}

.about_contact .about_contact_item.about_contact_item_right a {

    width: 100%;
    height: 43px;
    background: #F76A04;
    border-radius: 5px 5px 5px 5px;
}

.about_contact .about_contact_item.about_contact_item_right a:hover {
    background: #ff7c34;
}

.about_contact .about_contact_item.about_contact_item_right a i {
    font-size: 21px;
    margin-right: 6px;
}

.about_contact .about_contact_item.about_contact_item_right a.about_email {
    background: #2C5DEB;
    margin-top: 16px;
}

.about_contact .about_contact_item.about_contact_item_right a.about_email:hover {
    background: #4a7ff9;
}

.about_contact_item_left p {
    color: var(--ws-color-c);
    font-weight: 400;
    line-height: 21px;
}

.about_contact_item_left .about_contact_item_title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 16px;
    color: var(--wts-default-color);
}



/* all game */
.z-goods-head {
    padding-bottom: 50px;
}

.z-goods-head .z-page-container {
    height: 100%;
}

.z-game_breadcrumb {
    color: var(--ws-color-c);
    padding: 12px 0 0;
    position: relative;
    z-index: 1;
}

.z-goods-head .goods_head-title img {
    width: 360px;
    right: 37px;
    top: 0;
    pointer-events: none;
}

.lang__ar .z-goods-head .goods_head-title img {
    right: auto;
    left: 37px;
}

.z-goods-head .goods_head-title h1 {
    font-size: 24px;
    margin-top: 55px;
    color: var(--wts-default-color);
}

.z-goods-head .goods_template a {
    height: 100px;
    background: var(--ws-default-bj);
    border-radius: 10px;
    padding-top: 23px;
    text-align: center;
    color: var(--wts-default-color);
    min-width: 100px;
    padding: 23px 10px 0;
    font-size: 16px;
}

.z-goods-head .goods_template a.active,
.z-goods-head .goods_template a:hover {
    background: linear-gradient(180deg, #2C5DEB 0%, rgba(44, 93, 235, 0) 100%);
    color: #fff;
}

html.light .z-goods-head .goods_template a.active,
html.light .z-goods-head .goods_template a:hover {
    background: #2C5DEB;
}

.z-goods-head .goods_template a i {
    font-size: 34px;
    margin-bottom: 8px;
}

.z-goods-head .goods_template {
    gap: 8px;
    margin-top: 40px;
}

.z-allgame .z-allgame_hot {
    padding: 48px 0 0;

}

.z-allgame_wrap {
    box-shadow: 0 -61px 70px 0 rgba(0, 0, 0, 0.2);
}

html.light .z-allgame_wrap {
    box-shadow: none;
}

.z-allgame .z-allgame_hot .gameList_first ul {
    gap: 12px;
}

.z-allgame .z-allgame_hot .gameList_first ul li {
    width: 38px;
    height: 38px;
    background: var(--ws-default-bj);
    border-radius: 5px 5px 5px 5px;
}

.z-allgame .z-allgame_hot .gameList_first ul li:hover {
    color: #2C5DEB;
}

.z-allgame .z-allgame_hot .gameList_first ul li.active {
    background: #2C5DEB;
    color: #fff;

}

.z-allgame .hot_green {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.z-allgame .hot_green i {
    font-size: 20px;
}

.z-allgame .gameList_content {
    margin-top: 48px;
    border-top: 1px solid var(--ws-color-e);
    padding-top: 40px;
    display: flex;
}

.z-allgame .gameList_content.hide {
    display: none !important;
}

.z-allgame .gameList_content .game_title span {
    font-size: 16px;
    display: block;
    white-space: nowrap;
    font-family: 'default';
}
.z-allgame .gameList_content .game_title {
    color: var(--wts-default-color);
}
.z-allgame .gameList_content .game_title:hover {
    color: #2C5DEB;
}

.z-allgame .gameList_content .game_title i {
    font-size: 20px;
    margin-right: 8px;
}

.z-allgame .gameList_content .game_temp {
    gap: 20px;
}

.z-allgame .gameList_content .game_temp a h3 {
    font-family: 'default';
}

.z-allgame .gameList_content .game_temp a {
    color: var(--zg-color-h);
}

.z-allgame .gameList_content .game_temp a:hover {
    color: #2C5DEB;
}

.z-allgame .gameList_content .gameList_hot {
    gap: 26px 60px;
    flex: 1 100%;
    margin-left: 260px;
}

/* 404 */
.error_wrap .error_img_content {
    margin: 74px 0 20px;
    width: 467px;
    height: 265px;
    background: url(/images/static/404_dark.png) no-repeat;
    background-size: 100%;
}

.light .error_wrap .error_img_content {
    background: url(/images/static/404.png) no-repeat;
    background-size: 100%;
}

.error_wrap .z-blod {
    font-size: 18px;
}

.error_wrap a {
    width: 108px;
    height: 31px;
    background: #2C5DEB;
    border-radius: 4px 4px 4px 4px;
    text-align: center;
    line-height: 31px;
    color: #fff;
    margin-top: 20px;
}

.z-contact-main .contact_content {
    padding: 64px 0 0;
}

.z-contact-main .contact_left {
    margin-right: 103px;
    padding-bottom: 70px;
}

.z-contact-main .contact_left .contact_left_text h2 {
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 20px;
}

.z-contact-main .contact_left .contact_left_text p {
    font-weight: 400;
    font-size: 14px;
    color: var(--ws-color-c);
    line-height: 21px;
    text-align: left;
    margin-bottom: 20px;
}



.z-contact-main .contact_left img {
    width: 100%;
    margin-top: 154px;
}

.z-contact-main .any_uestions {
    width: 784px;
    background: var(--ws-default-bj);
    margin-bottom: 32px;
    padding: 30px 32px;
    border-radius: 0px 0px 10px 10px;
    position: relative;
}


.z-contact-main .any_uestions::after,
.vip_exclusive::after,
.vip_benefits .vip_benefits_items::after {

    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #F76A04 0%, #2C5DEB 71%);

}

.z-contact-main .any_uestions h2 {
    margin-bottom: 16px;
    font-size: 16px;
}

.z-contact-main .any_uestions a {
    display: flex;
    justify-content: flex-start;
    color: var(--wts-default-color);
    margin-bottom: 16px;
}

.z-contact-main .any_uestions a i {
    color: #fff;
}

.z-contact-main .any_uestions a span {
    color: var(--ws-color-c);
    text-decoration: underline;
}

.z-contact-main .any_uestions a:hover span {
    color: #2C5DEB;
}

.z-contact-main .any_uestions a i {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    text-decoration: none !important;
    background: #FC5001;
    border-radius: 5px 5px 5px 5px;
    margin-right: 18px;
}

.z-contact-main .any_uestions .last_contact a i {
    margin-right: 10px;
}

.z-contact-main .any_uestions_last a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px 5px 5px 5px;
    font-weight: 700;
    font-size: 18px;
}

.z-contact-main .any_uestions_last .last_contact {
    gap: 8px;
}

.z-contact-main .any_uestions_last a i {
    background: none !important;

}

.z-contact-main .any_uestions a i.icon-a-LiveChat,
.z-contact-main .any_uestions_last a.bu_LiveChat {
    background: #FC5001;
}

.z-contact-main .any_uestions a i.icon-email,
.z-contact-main .any_uestions_last a.bu_Email {
    background: #2C5DEB;
}

.z-contact-main .any_uestions a i.icon-Skype,
.z-contact-main .any_uestions_last a.bu_Skype {
    background: #09B9FF;
}

.z-contact-main .any_uestions a i.icon-Discord,
.z-contact-main .any_uestions_last a.bu_Discord {
    background: #7762EA;
}

.z-contact-main .any_uestions a i.icon-Telegram,
.z-contact-main .any_uestions_last a.bu_Telegram {
    background: #26A1E1;
}

.z-contact-main .any_uestions a i.icon-facebook1,
.z-contact-main .any_uestions_last a.bu_facebook1 {
    background: #1877F2;
}

/* vip */
.vip_exclusive {
    background: var(--ws-whoose-bj);
    border-radius: 0px 0px 10px 10px;
    position: relative;
    padding: 70px 32px;
    align-items: flex-start;
}

.vip_content h1 {
    font-weight: 700;
    font-size: 32px;
    color: var(--wts-default-color);
    line-height: 39px;
    text-align: center;
    margin: 44px auto 63px;
}

.vip_exclusive .vip_left .vip_title {
    font-weight: 700;
    font-size: 16px;
    color: var(--wts-default-color);
    line-height: 19px;
    margin-bottom: 25px;
}

.vip_exclusive .vip_left p {
    margin-bottom: 25px;
     font-weight: 400;
    font-size: 14px;
    color: var(--ws-color-c);
    line-height: 21px;
}

.vip_exclusive .vip_left .vip_login {
    justify-content: start;
    align-items: flex-start;
    margin-top: 70px;
}

.vip_exclusive .vip_left .vip_login p {
    font-weight: 700;
    font-size: 16px;
    color: #F76A04;
}

.vip_right img {
    width: 688px;
}

.vip_exclusive .vip_left .vip_login a {
    padding: 12px 58px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    background: #F76A04;
    border-radius: 5px 5px 5px 5px;
}

.vip_exclusive .vip_left .vip_login a:hover {
    background: #ff7c34;
}

.vip_exclusive .vip_left .vip_login a.vip_signup {
    background: #2C5DEB;
    margin-left: 14px
}

.vip_exclusive .vip_left .vip_login a.vip_signup:hover {
    background: #376bff;
}

.vip_benefits {
    gap: 32px;
    margin-top: 70px;
}

.vip_benefits .vip_benefits_items {
    position: relative;
    background: var(--ws-default-bj);
    border-radius: 0px 0px 10px 10px;
    padding: 32px 24px;
    font-weight: 400;
    font-size: 14px;
    color: var(--wts-default-color);
    line-height: 21px;
    /* correct background shorthand so the image and repeat work */

}

.vip_benefits .vip_benefits_items .vip_benefits_title {
    font-weight: 700;
    font-size: 18px;
    color: var(--wts-default-color);
    line-height: 22px;
    margin-bottom: 24px;
}

.vip_benefits .vip_benefits_items p {
    margin-top: 16px;
   
    font-weight: 400;
    font-size: 14px;
    color: var(--ws-color-c);
    line-height: 21px;

}

.vip_benefits .vip_benefits_items ul li {
    list-style: disc;
    margin-left: 20px;
  
    font-weight: 400;
    font-size: 14px;
    color: var(--ws-color-c);
    line-height: 21px;
}

.vip_benefits .vip_benefits_items:hover {
    background: url(/images/static/vip_bottom.webp) right bottom / 166px 122px no-repeat, rgba(255, 255, 255, 0.15);
    border-radius: 0px 0px 10px 10px;

}

.light .vip_benefits .vip_benefits_items:hover {
    background: url(/images/static/vip_bottom_light.png) right bottom / 166px 122px no-repeat, #2C5DEB;
}

.light .vip_benefits .vip_benefits_items:hover,
html.light .vip_benefits .vip_benefits_items:hover .vip_benefits_title {
    color: #fff;
}






@media (max-width: 1400px) {
    .z-allgame .gameList_content .gameList_hot {
        gap: 20px 30px;
        grid-template-columns: repeat(4, 1fr);
        margin-left: 30px;
    }
}

@media (max-width: 1024px) {
    .error_wrap {
        text-align: center;
    }

    .error_wrap .error_img_content {
        width: 100%;
    }

    .z-about_wrap .z-about .z-about_logo {
        width: 100%;
        height: 100px;

    }



    .z-page-container {
        width: 100%;
        padding: 0 12px;
    }


    .z-about_pay {
        grid-template-columns: repeat(1, 1fr);
    }

    .z-about_wrap .about_pay_item {
        padding: 12px;

    }

    .z-about_wrap .about_pay_item .about_pay_item_title {
        font-size: 14px;
        margin-bottom: 5px
    }

    .about_contact {
        padding: 20px 12px;
        flex-direction: column;
        margin: 40px 12px 50px;
    }

    .z-about_wrap .about_pay_item i {
        margin-bottom: 0;
        margin-right: 5px;
    }

    .about_pay_item>div {
        display: flex;
        align-items: center;

    }

    .about_contact .about_contact_item.about_contact_item_right {
        margin: 20px 0 20px;

    }

    /* all game */
    .z-goods-head .goods_template {
        grid-template-columns: repeat(2, 1fr);
    }

    .z-allgame .z-goods-head {
        padding-bottom: 30px;
    }

    .z-goods-head .goods_head-title img {
        right: 0;
        width: 160px;
    }

    .z-goods-head .goods_template {
        display: grid;
        margin-top: 20px;
    }

    .z-goods-head .goods_template a {
        display: flex;
        flex-direction: row;
        height: auto;
        align-items: center;
        padding: 10px;
        background: var(--ws-default-bj);
        border-radius: 5px;
    }


    .z-goods-head .goods_template a i {
        margin-bottom: 0;
        margin-right: 5px;
        font-size: 20px;
    }

    .lang__ar .z-goods-head .goods_template a i {
        margin: 0 0 0 5px;
    }

    .z-allgame .z-allgame_hot .gameList_first ul {
        gap: 6px;
    }

    .z-goods-head .goods_head-title h1 {
        margin-top: 20px;
        font-size: 18px;
    }

    .z-allgame .gameList_content .game_title span {
        font-size: 14px;
        white-space: wrap;
    }

    .z-allgame .gameList_content .gameList_hot {
        grid-template-columns: repeat(3, 1fr);
    }

    .z-allgame .gameList_content {
        padding-top: 20px;
        margin-top: 20px;
    }

    .z-contact-main .contact_content {
        display: block;
        padding: 20px 12px;
    }

    .z-contact-main .contact_left {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .z-contact-main .contact_left img {
        max-width: 100%;
    }

    .z-contact-main .contact_left button {
        margin: 20px 0;
    }

    .z-contact-main .any_uestions {
        width: 100%;
    }

    .game_about-info {
        padding: 0 12px;
    }

    .z-goods-head .goods_head-title img {
        display: none;
    }

    /* contact */
    .z-contact-main .any_uestions_last .last_contact {
        grid-template-columns: repeat(2, 1fr);
    }

    .z-contact-main .contact_left img {
        margin-top: 54px;
    }

    /* vip */
    .vip_exclusive {
        flex-direction: column;
        padding: 30px 12px 50px;
        align-items: center;
        text-align: center;
    }

    .vip_right img {
        width: 100%;
        height: auto;
        margin-top: 30px;
    }

    .vip_content h1 {
        font-size: 24px;
        margin: 24px auto 40px;
    }

    .vip_benefits {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 768px) {
    .z-allgame .gameList_content .gameList_hot {
        grid-template-columns: repeat(2, 1fr);
    }

    .z-allgame .z-allgame_hot {
        padding-top: 20px;
    }

    .html_title {
        padding-top: 20px;
    }

    .z-contact-main .any_uestions {
        padding: 20px 12px;
    }

    .game_about-info h2 {
        font-size: 24px;
    }

    .game_about-info p {
        font-size: 14px;
        text-align: center;
    }
}